// 定义rem的值，rem是根据根节点的字体大小来定的
function remSize(){
    // 获取设备的宽度
    var deviceWidth=document.documentElement.clientWidth||window.innerWidth  //这两种方法都可以获得屏幕的宽度
    // 判断条件
    if(deviceWidth>=750){
        deviceWidth=750
    }
    if(deviceWidth<=320){
        deviceWidth=320
    }
    // 换算单位，确定1rem等于多少根节点的px，为了更好的计算把他设定为100px
    // 750px--->1rem=100px   375px----1rem=50px
    // 设置根节点的字体大小
    document.documentElement.style.fontSize=(deviceWidth/7.5)+'px' 
    // 设置字体大小
    document.querySelector('body').style.fontSize=0.3+'rem'
}


// 配置rem布局，当页面改变时触发该函数
window.onresize=function(){
    // 当屏幕尺寸发生变化时调用函数
    remSize()

}